<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<!-- 两个大括号是差值表达式，相当于vue定义的变量，vue会代替它成为设置值 -->
		<div id="app">{{msg}}</div>
	</body>
	<script>
		// 创建Vue对象,它有一个函数是匿名函数，匿名函数里的参数是对象，有多个特定参数
		//el，element缩写，要操作的页面元素，data代表数据
		var data = {  //js对象
			msg:"hello Vue."
		}
		//创建一个js对象，这个参数结构是Vue定死的
		var p = {
			el:"#app", //挂载点，和页面上id="app"来对应
			data:data //第一个data是属性，第二个data是上面定义的data对象
		};
		var vm = new Vue(p);//new Vue对象的参数是一个js对象
	</script>
</html>
